@charset "utf-8";
.animated{animation-duration:1s;animation-delay:0.6s}
.inewlist li:nth-child(2),.iprig{animation-delay:1.2s}
.fonav,.fopic{animation-delay:1s}
.hbanner{position:relative;padding-left:150px}
.hbshare {position:absolute;left:62px;bottom:20px}
.hbshare li a i{color:#595959;font-size:26px;margin-top:40px;display:block;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.hbshare li a:hover i{-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);transform:rotateY(360deg);color:#829e92;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.rslides li:first-child {position:relative;display:block;float:left}
.slide_container {position:relative;width:100%}
.slide {position:relative;list-style:none;overflow:hidden;width:100%;padding:0px;margin:0}
.slide li {position:absolute;width:100%;left:0;top:0}
.slide img {display:block;position:relative;z-index:1;height:auto;width:100%;border:0}
.slide .caption {display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#FFF;background:#000;background:rgba(0,0,0,.8);left:0;right:0;bottom:0;padding:10px 20px;margin:0px;max-width:none}
.slide_nav {position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:52%;left:0;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url(https://css02.v15cdn.com/m234/themes.gif) no-repeat left top;margin-top:-45px;opacity:0;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.slide_container:hover .slide_nav {opacity:0.6;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.slide_container .slide_nav:hover {opacity:1;-webkit-transition:.5s;-moz-transition:.5s;transition:.5s}
.slide_nav:active {opacity:1.0}
.slide_nav.next {left:auto;background-position:right top;right:0}
@media screen and (max-width:1260px){
	.hbanner{padding-left:60px}
	.hbshare {left:17px}}
@media screen and (max-width:450px){
	.hbanner{padding-left:0}
	hbshare {display:none}}


#iabout{padding-bottom:100px;position:relative;z-index:9}
#iabout:after{content:'';display:block;height:0;clear:both;visibility:hidden}
.iablf{float:left;width:52%;padding:110px 80px 0 260px}
.ibtit{line-height:62px;text-transform:capitalize;font-family:latobold;font-size:57px;position:relative;padding-bottom:100px}
.ibtit:before{content:'';width:66px;height:4px;background:#FFF;position:absolute;left:0;bottom:60px}
.ibwor{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;font-size:18px;line-height:35px;color:#b6b6b6;max-height:210px}
.iabtn{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;color:#FFF;text-transform:capitalize;font-family:latobold;font-size:20px;display:inline-block;line-height:34px;margin-top:50px}
.iabtn i{color:#FFF;font-size:20px;margin-left:7px;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.iabtn:hover,.iabtn:hover i{color:#829e92;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.iabrg{width:45%;float:right;padding-right:70px}
.iabrg img{width:100%;display:block;margin-top:-140px}
@media screen and (max-width:1750px){
	.iablf {padding:70px 50px 0 230px}
	.ibtit {padding-bottom:60px}
	.ibtit:before{bottom:45px}
	.iabtn {margin-top:25px}}
@media screen and (max-width:1500px){
	.iablf {padding:50px 20px 0 190px}
	.ibtit {padding-bottom:32px}
	.ibtit:before{bottom:20px}
	.iabtn {margin-top:15px}
	.iabrg img {margin-top:-110px}}
@media screen and (max-width:1260px){
	.iablf {padding-left:100px}
	.ibtit {font-size:47px}
	.ibwor {max-height:150px;font-size:17px;line-height:30px}
	.iabtn {font-size:18px}
	.iabrg {padding-right:40px}
	.iabrg img {margin-top:-90px}}
@media screen and (max-width:1050px){
	.iabrg img {margin-top:-50px}}
@media screen and (max-width:900px){
	.iablf{width:100%;padding-right:40px}
	.ibtit {font-size:37px}
	.ibtit:before{width:40px;height:3px}
	.ibwor{max-height:inherit}
	.iabtn,.iabtn i {font-size:16px}
	.iabrg{display:none}}
@media screen and (max-width:450px){
	.iablf{padding-left:40px}
	.ibtit {line-height:40px}}


#iproduct{padding-bottom:80px}
#iproduct:after,.iprig:after,.iprlist:after{content:'';display:block;clear:both;visibility:hidden;height:0}
.iprone{width:68.2%;float:left;overflow:hidden}
.iprlist li{float:left;margin-right:20px}
.iprlist li a{display:block}
.iprlist li .ippic{width:400px;height:260px;display:table-cell;vertical-align:middle;overflow:hidden}
.iprlist li .ippic img{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity:1;opacity:1;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;max-width:100%;max-height:100%;margin:0px auto;display:block}
.ipword{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;text-align:center;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:54px;font-size:18px;line-height:28px;margin-top:10px;padding:0 8px}
.iprlist li:hover .ippic img{filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;-webkit-transform:scale(1.1);-moz-transform:scale(1.1);transform:scale(1.1);-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.iprlist li:hover .ipword{color:#829e92;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.iprig{float:left;margin-left:70px;padding-top:120px}
.iprig span{-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;float:left;margin-left:20px;cursor:pointer;display:block;width:94px;height:55px;border-radius:4px;border:2px solid #FFF;text-align:center;line-height:51px}
.iprig span i{color:#FFF}
.iprig span:hover{border-color:#829e92;background:#829e92;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
@media screen and (max-width:1500px){
	.iprlist li .ippic{height:220px}}
@media screen and (max-width:1260px){
	.iprlist li .ippic{height:210px}
	.iprig span{width:84px;height:45px;line-height:41px}
	.iprig {margin-left:50px}}
@media screen and (max-width:900px){
	.iprone{width:86%;margin-left:7%}
	.iprlist li .ippic{height:310px}
	.iprig span{width:78px}
	.iprig {float:right;margin-right:7%;padding-top:50px}}
@media screen and (max-width:700px){
	.iprlist li .ippic{height:240px}}
@media screen and (max-width:540px){
	.iprlist li .ippic{height:200px}}
@media screen and (max-width:440px){
	.iprig span {width:70px;height:38px;line-height:34px}}


#iwhy{margin-top:80px;position:relative;width:100%;height:670px;background:url(https://css02.v15cdn.com/m234/whatpic.jpg) center center no-repeat;background-size:cover}
.iwhycent{width:504px;background:#FFF;position:absolute;right:70px;top:-70px;padding:70px 60px}
.iwhtit{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin-bottom:28px;font-size:40px;color:#000;line-height:50px;text-transform:capitalize;font-family:latobold}
.iwhwor{font-size:18px;line-height:35px;color:#b6b6b6;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:11;overflow:hidden;max-height:378px}
.iwhbtn{color:#000;text-transform:capitalize;font-family:latobold;font-size:20px;display:inline-block;line-height:34px;margin-top:35px;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.iwhbtn i{color:#000;font-size:20px;margin-left:7px;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.iwhbtn:hover,.iwhbtn:hover i{color:#829e92;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
@media screen and (max-width:1260px){
	.iwhycent {right:40px}}
@media screen and (max-width:900px){
	#iwhy {height:530px}
	.iwhycent {width:86%;right:7%;padding:50px 40px}
	.iwhtit{font-size:32px;line-height:40px}
	.iwhwor{-webkit-line-clamp:10;line-height:28px;font-size:17px;max-height:276px}
	.iwhbtn{font-size:16px}}



#inews{padding:80px 70px 210px;position:relative;background:#FFF}
.inewbtn{display:block;width:122px;height:214px;line-height:214px;padding:23px 0px 0px 16px;border:5px solid #829e92;color:#FFF;text-transform:uppercase;font-family:latobold;font-size:23px;position:absolute;right:0;top:0}
.inewbtn i{display:block;position:absolute;bottom:0;right:26px;margin-bottom:33px;height:10px;line-height:10px}
.inewbtn:before {content:'';width:70px;height:4px;background:#829e92;position:absolute;left:-75px;bottom:30px;z-index:2;border-radius:2px 0px 0px 2px}
.inewbtn span:first-child {width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}
.inewbtn span:first-child:before {content:'';width:100%;height:100%;background:#829e92;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;display:block;position:relative;top:0%}
.inewbtn span.col{position:relative;z-index:1}
.inewbtn:hover span::before {-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s;top:100%}
.inewbtn:hover {border-color:#829e92;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.inewbtn:hover span.col{color:#829e92;-webkit-transition:0.5s;-moz-transition:0.5s;transition:0.5s}
.inewtit{color:#FFF;padding-left:37px;border-left:5px solid #829e92;margin-bottom:70px}
.insm{color:#000;font-family:latobold;text-transform:uppercase;font-size:20px;line-height:20px}
.inlar{font-size:76px;color:#000;text-transform:capitalize;line-height:60px;margin-top:16px;font-family:latoblack}
.inewlist li:after{content:'';display:block;visibility:hidden;height:0;clear:both}
.inpic{float:left;width:50%;height:265px;overflow:hidden}
.inpic img{display:block;max-width:inherit;height:100%;float:right}
.inbox{float:right;width:50%;height:265px;position:relative}
.inewlist li:nth-child(2) .inpic{float:right}
.inewlist li:nth-child(2) .inbox{float:left}
.intop{padding:10px 60px;width:100%;position:absolute;left:0;top:50%;-webkit-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform:translate(0,-50%)}
.intime{display:block;color:#7f7f7f;line-height:36px}
.intit{margin-bottom:8px;font-family:latobold;font-size:30px;color:#1e1e1e;line-height:40px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.inword{line-height:32px;color:#6c6c6c;font-size:20px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:92px}
.intop .iabtn{margin-top:10px;font-size:17px;color:#222}
.intop .iabtn i{color:#222;font-size:17px}
.intop .iabtn:hover,.intop .iabtn:hover i{color:#829e92}
@media screen and (max-width:1260px){
	#inews {padding:80px 40px 180px}
	.inlar {font-size:62px;line-height:50px}
	.inewbtn {font-size:21px;width:100px;height:190px;padding:0px 0 0 6px}
	.inewbtn i {right:14px;font-size:15px}
	.inewbtn:before {bottom:31px}
	.inpic,.inbox {height:210px}
	.intop{padding:10px 30px}
	.intit {font-size:24px}
	.inword {line-height:24px;font-size:17px}}
@media screen and (max-width:900px){
	#inews {padding:50px 40px 20px}
	.inewtit {margin-bottom:50px}
	.insm {font-size:17px}
	.inlar {font-size:38px;line-height:30px;margin-top:8px}
	.inewbtn i,.inewbtn:before{display:none}
	.inewbtn {font-size:17px;width:80px;height:80px;padding:0px;line-height:70px;text-align:center}
	.inpic,.inbox{width:100%;height:auto}
	.inpic{height:auto}
	.inpic img{height:auto;width:100%}
	.intop {padding:10px 15px;position:static;-webkit-transform:translate(0,0);-moz-transform:translate(0,0);transform:translate(0,0)}
	.intit{white-space:normal;line-height:34px}
	.inword {-webkit-line-clamp:inherit;max-height:inherit}}
@media screen and (max-width:500px){
	.inewtit {padding-left:20px;margin-bottom:30px}
	.inewbtn {width:110px;height:36px;line-height:30px;position:relative;margin-bottom:35px;float:right;border-width:3px}}



.incate .iprone {margin:0px auto;float:none;width:80%}
.incate .iprlist:after {content:'';display:block;visibility:hidden;height:0;clear:both}
.incate .iprlist li {width:25%;margin:0px;padding:10px}
.incate .iprlist li .ippic {height:320px;width:440px}
@media screen and (max-width:1366px){.incate .iprlist li .ippic{height:250px}}
@media screen and (max-width:992px){.incate .iprone{width:90%}
.incate .iprlist li{width:50%}
.incate .ipword{height:54px}
.incate .iprlist li .ippic{height:270px}}
@media screen and (max-width:520px){.incate .iprlist li{width:100%}
.incate .iprlist li .ippic{height:auto}
.incate .ipword{height:auto}}